<template>
	<view class="card">
		<view v-for="(item) in quesAndAns" :key="item.id" @click="selectCur(item)">
			<view class="ques">
				<view class="ques-text">{{item.ques}}</view>
				<image :src="Up" mode="widthFix" style="width: 20rpx" v-if="curFocus===item.id"></image>
				<image :src="Down" mode="widthFix" style="width: 20rpx" v-else></image>
			</view>
			<view v-if="curFocus===item.id" class="answer">
				<rich-text :nodes="item.answer"></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
	import Down from '@/static/icon/下箭头.png';
	import Up from '@/static/icon/上箭头.png';
	export default {
		data() {
			return {
				Down,
				Up,
				quesAndAns: [{
						id: 1,
						ques: '你们配音费是如何计算的?',
						answer: '答:您好，配音费和你稿子长度和选定老师有关，单价乘稿子长度就是你配音最终费用， 一般根据配音员每分钟的正常语速来计算配音成品时长， 中文和粤语每分钟220字或240字节(含标点): 英文中籍110个单词或800字节(含标点);英文外籍130个单词或850字节(含标点)客户要求语速变慢或变快除外。 例如1100字稿子， 按正常语速大概5分， 如果配音员单价是50， 那最后配音费就是250 元， 不足起配价位长度的稿子按起配价位收费!例如: 如果稿子只有2分， 老师起步价位是200的话， 那配音费也是按起步价位200!具体情况可以再协商!'
					},
					{
						id: 2,
						ques: '广告几个字的可以试音吗?',
						answer: '<p>答:您好，一般短广告配音员是不可以试音的，我们会尽量推荐可以试音的配音员给您，但是样音里会加入噪音以保证播音员的利益，希望您能理解。</p>'
					},
					{
						id: 3,
						ques: '试音可以指定段落吗?',
						answer: '答:您好，试音段落都是配音员随即选择的，一般是不可以指定段落的。 特别是专题稿件里或者是地产稿件里含有明显广告性质的段落是不能在样音阶段试样的， 希望您能理解。 '
					},
					{
						id: 4,
						ques: '配音多久可以制作完毕?',
						answer: '您好，配音完成时间根据配音长度要求和难易程度定，为保证您的配音质量，一般配音制作在1~24小时为您完成。'
					},
					{
						id: 5,
						ques: '如果录制不满意，是否可以修改?修改收不收其它费用?',
						answer: '如果因客户改动稿件内容，导致修改，我们将根据修改长度多少协商补录费用。(修改范围为:配音员漏读、读错配音内容，不包括内容修改增加)'
					},
					{
						id: 6,
						ques: '我每月的配音业务量很大，五颗星配音能否提供比页面报价上更为优惠的报价呢?',
						answer: '您好，五颗星配音为客户提供了多样化的业务报价体系，如果您每月的配音业务量很大，请与我们的客服联系，我们将根据您的业务内容、难易程度并结合五颗星自身的资源优势，为您提供最优惠的报价。'
					},
					{
						id: 7,
						ques: '你们付款方式是怎样的 ?',
						answer: '答:您好，五颗星配音将提供您方便的银行账号或微信、支付宝，您直接转账支付即可。方便快捷且保障了您的资金支付安全。'
					},
					{
						id: 8,
						ques: '如何找到更适合我文稿的播音员呢 ?',
						answer: '答:您好，我们有经验丰富的专业客服，如果您愿意，我们可以为您的项目选择合适的配音，您只需要告诉我们有关您项目的信息。我们的客服专员将会在我们的配音员队伍中为您推荐最符合您配音需求的声音。'
					},
					{
						id: 9,
						ques: '你们配音流程是怎么样的 ?',
						answer: '答:您好，五颗星配音流程:客户发文案前期沟通(客户要求，时长，类别)➡选定播音员定价➡样音录制➡样音确认(客户确认样音，满意付款)➡成品录制➡成品传输➡售后服务(免费错漏修改或有偿补录)➡合作愉快!'
					},
					{
						id: 10,
						ques: '为什么配出来的样音跟选的专题男001A感觉不一样呢 ? ',
						answer: '<p>答:您好，网站上和发给您的初始样音均是配音员们的代表作，配音的好坏跟文稿类型、配音员的状态、设备、身体状况等都息息相关，不同稿件配出来的感觉是不一样的，所以请您在确认样音的同时根据您的文案来判断样音是否符合您的要求。成品效果以最后确定录样效果为准!</p><br/><p>补充说明：</p><p>1、30秒内广告一般不配样音，只提供配音员以前样品供客户选择，一般稿件在收到款后当天完成!</p><p>2、样音确认后，配音员开始录制成品，就相当于认可了配音员的语速、风格、设备和配音环境。特殊稿件另议。</p><p>3、客户在接到成品之日起，如有修改，请在三个工作日内对成品中配错的地方提出修改意见，过期我们将对该作品不承担责任。</p><p>4、配音作品交付后，我们只为客户负责保留成品1个月过期我们将不负责保留。</p>'
					}
				],
				curFocus: null
			}
		},
		methods: {
			selectCur(item) {
				if (this.curFocus && this.curFocus === item.id) {
					this.curFocus = null;
				} else {
					this.curFocus = item.id;
				}

			}
		}
	}
</script>

<style scoped>
	body {
		background-color: #F5F5F5;
	}

	.card {
		background-color: #fff;
		border-radius: 20rpx;
		padding: 0 30rpx 20rpx 15rpx;
	}

	.ques {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 0;
		border-bottom: solid #eee 2rpx;
	}

	.ques-text {
		flex: 1;
		margin-right: 20rpx;
	}

	.answer {
		padding-top: 15rpx;
		color: #999;
		font-size: 24rpx;
	}
</style>